<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div class="e1">
    <img src="bla.png" class="a1">
    <div class="b1">Favorurite</div>
    <img src="横线.png" class="y2">


    <img src="xuebi.png"  class="b2">
    <div class="b3">Sprite Can</div>
    <div class="b4">325ml, Price</div>
    <div class="b5">$1.50</div>
    <img src="a3.png" class="b6">
    <img src="h5.png" class="b7">

    <img src="coke.png"  class="c1">
    <div class="c2">Diet Coke</div>
    <div class="c3">355ml, Price</div>
    <div class="c4">$1.99</div>
    <img src="a3.png" class="c5">
    <img src="h5.png" class="c6">


    <img src="ptz.png"  class="d1">
    <div class="d2">Apple & Grape Juice</div>
    <div class="d3">2L, Price</div>
    <div class="d4">$15.50</div>
    <img src="a3.png" class="d5">
    <img src="h5.png" class="d6">

    <img src="kkkl.png"  class="f1">
    <div class="f2">Coca Cola Can</div>
    <div class="f3">325ml, Price</div>
    <div class="f4">$4.99</div>
    <img src="a3.png" class="f5">
    <img src="h5.png" class="f6">

    <img src="bskl.png"  class="g1">
    <div class="g2">Pepsi Can </div>
    <div class="g3">330ml, Price</div>
    <div class="g4">$4.99</div>
    <img src="a3.png" class="g5">
    <img src="h5.png" class="g6">


<img src="hhh.png" class="h1" >
    <div class="h2">Add All To Cart</div>

    <p class="pos_fixed">
        <a href="http://localhost:63342/untitled5/%E9%A6%96%E9%A1%B5.html?_ijt=j9buko7mnjsu534jvqqs5tdk7q&_ij_reload=RELOAD_ON_SAVE">
        <img src="个人主页.png" style="left: 20px;
top:10px;position:relative;">
        </a>
        <a href="http://localhost:63342/untitled5/%E5%88%86%E7%B1%BB.html?_ijt=jp5tqce2i9t96a733qtjle4hk9&_ij_reload=RELOAD_ON_SAVE">
            <img src="搜索标签.png" style="left: 60px;
top:10px;position:relative;">
        </a>

        <a href="http://localhost:63342/untitled5/%E8%B4%AD%E7%89%A9%E8%BD%A6.html?_ijt=sd1a7fbs2meamp5s1gu91g6du9&_ij_reload=RELOAD_ON_SAVE">
            <img src="购物车页面.png" style="left: 100px;
top:13px;position:relative;">
        </a>

        <img src="收藏页面.png" style="left: 140px;
top:14px;position:relative;">

        <img src="个人主页.png" style="left: 180px;
top:14px;position:relative;">



    </p>










</div>


</body>

<style>

    p.pos_fixed
    {
        position:fixed;
        top:600px;
        left: 7px;
        width: 408px;
        height: 80px;
        background-color: white;
        border: 1px solid antiquewhite;
    }
    .h1{
        left: 25px;
        top: 712.38px;
        width: 364px;
        height: 67px;
        opacity: 1;
        border-radius: 19px;
        background: rgba(83, 177, 117, 1);
position: absolute;
    }
    .h2{
        left: 139.83px;
        top: 738.88px;
        width: 134.13px;
        height: 14px;
        opacity: 1;
        /** 文本1 */
        font-size: 18px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(252, 252, 252, 1);
        text-align: center;
        vertical-align: top;
position: absolute;
    }
    .g1{
        left: 33.1px;
        top: 583.89px;
        width: 30.43px;
        height: 58.13px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad47c061149a15ea6e067.png#94c99a26abe7618244048e2142078632);

        position: absolute;
    }
    .g2 {
        left: 105.57px;
        top: 592.6px;
        width: 137.02px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

        position: absolute;
    }
    .g3{
        left: 105.57px;
        top: 616.43px;
        width: 82px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;

        position: absolute;
    }
    .g4{
        left: 326.18px;
        top: 599.46px;
        width: 43px;
        height: 27px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 27px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;

        position: absolute;
    }
    .g5{
        left: 380px;
        top: 621px;
        width: 8.4px;
        height: 14px;
        position: absolute;
    }
    .g6{
        left: 0px;
        top: 659.96px;
        width: 414px;
        height: 0px;
        opacity: 1;

        border: 1px solid rgba(226, 226, 226, 1);



        position: absolute;
    }




    .f1{
        left: 33.66px;
        top: 481.26px;
        width: 28.82px;
        height: 53.4px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad4790b96c7946d67f6f3.png#b96dcbf0669aa36757ecb33d9deae288);
position: absolute;
    }
    .f2 {
        left: 105.57px;
        top: 487.6px;
        width: 137.02px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;
    }
    .f3{
        left: 105.57px;
        top: 511.43px;
        width: 82px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;
    }
    .f4{
        left: 326.18px;
        top: 494.46px;
        width: 43px;
        height: 27px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 27px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;
    }
    .f5{
        left: 380px;
        top: 504px;
        width: 8.4px;
        height: 14px;
        position: absolute;
    }
    .f6{
        left: 25.2px;
        top: 554.96px;
        width: 363.6px;
        height: 0px;
        opacity: 1;

        border: 1px solid rgba(226, 226, 226, 1);

position: absolute;
    }

    .d1{
        left: 20.23px;
        top: 365.51px;
        width: 55.69px;
        height: 55.69px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad482f89eea364f053962.png#fa53df9fda869510b93da259bbbf1a6a);
position: absolute;
    }
    .d2{
        left: 105.57px;
        top: 371.6px;
        width: 196.31px;
        height: 20px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 20px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;
    }
    .d3{
        left: 105.57px;
        top: 398.43px;
        width: 72.27px;
        height: 14.89px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;
    }
    .d4{
        left: 313.18px;
        top: 379.46px;
        width: 52px;
        height: 27px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 27px;
        color: rgba(24, 23, 37, 1);
        text-align: right;
        vertical-align: middle;
position: absolute;
    }
    .d5{
        left: 380px;
        top: 387px;
        width: 8.4px;
        height: 14px;
        position: absolute;
    }
    .d6{
        left: 25.2px;
        top: 449.96px;
        width: 363.6px;
        height: 0px;
        opacity: 1;

        border: 1px solid rgba(226, 226, 226, 1);

position: absolute;
    }

    .c1{
        left: 35.04px;
        top: 252.6px;
        width: 26.07px;
        height: 52.37px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad47e85c5ce75ce788f4b.png#0c39a6c5cf8609d27b57f461fd45b40d);
position: absolute;
    }
    .c2{
        left: 105.57px;
        top: 258.08px;
        width: 137.02px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;
    }
    .c3{
        left: 105.57px;
        top: 281.91px;
        width: 82px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;
    }
    .c4{
        left: 326.18px;
        top: 264.94px;
        width: 43px;
        height: 27px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 27px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;

    }
    .c5{
        left: 380px;
        top: 270px;
        width: 8.4px;
        height: 14px;
position: absolute;
    }
    .c6{
        left: 25.2px;
        top: 335.44px;
        width: 363.6px;
        height: 0px;
        opacity: 1;

        border: 1px solid rgba(226, 226, 226, 1);

position: absolute;
    }

    .b7{
        left: 25.2px;
        top: 220.44px;
        width: 363.6px;
        height: 0px;
        opacity: 1;

        border: 1px solid rgba(226, 226, 226, 1);

position: absolute;
    }
    .b6{
        left: 380px;
        top: 153px;
        width: 8.4px;
        height: 14px;

        position: absolute;
    }
    .b5{
        left: 326.18px;
        top: 149.99px;
        width: 43px;
        height: 27px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 27px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;
    }
    .b4{
        left: 105.57px;
        top: 166.96px;
        width: 82px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(124, 124, 124, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;
    }
    .b3{
        left: 105.57px;
        top: 143.13px;
        width: 137.02px;
        height: 18px;
        opacity: 1;

        border: 0px solid rgba(255, 255, 255, 1);

        /** 文本1 */
        font-size: 16px;
        font-weight: 400;
        letter-spacing: 0.1px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: left;
        vertical-align: middle;
position: absolute;
    }
    .b2{
        left: 32.62px;
        top: 136.05px;
        width: 30.91px;
        height: 54.9px;
        opacity: 1;
        background: url(https://img.js.design/assets/img/622ad47865f6184d106cef09.png#13c92a43abd7b6983f331ee32a0337a3);
position: absolute;
    }
    .y2{
        left: 5px;
        top: 105.49px;
        width: 410px;
        height: 0px;
        opacity: 1;

        border: 1px solid rgba(226, 226, 226, 1);

        position: absolute;}
    .b1{
        left: 160px;
        top: 55.82px;
        width: 95px;
        height: 18px;
        opacity: 1;
        /** 文本1 */
        font-size: 20px;
        font-weight: 400;
        letter-spacing: 0px;
        line-height: 18px;
        color: rgba(24, 23, 37, 1);
        text-align: center;
        vertical-align: middle;
position: absolute;
    }
    .e1{
        left: -1366px;
        top: -813px;
        width: 405px;
        height: 870px;
        opacity: 1;
        background: rgba(255, 255, 255, 1);
        border: 1px solid antiquewhite;

    }
    .a1{
        left: -0.4px;
        top: 4.83px;
        width: 414px;
        height: 80px;
        opacity: 1;
    }


</style>
</html>
